<template>
  <ele-page class="workplace-page"> 欢迎使用 </ele-page>
</template>

<script setup></script>

<script></script>

<style lang="scss" scoped>
  .workplace-page {
    :deep(.el-card__header) {
      cursor: move;
    }

    :deep(.el-col) {
      &.sortable-chosen > .el-card {
        box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
      }

      &.sortable-ghost {
        opacity: 0;
      }

      &.sortable-fallback {
        opacity: 1 !important;
      }
    }
  }

  /* 底部按钮 */
  .workplace-bottom {
    display: flex;
    align-items: center;

    .workplace-button {
      flex: 1;
      padding: 10px 0;
      transition: background-color 0.2s;

      &:hover {
        background: hsla(0, 0%, 60%, 0.05);
      }

      :deep(.el-icon) {
        font-size: 16px;
        margin: -2px 4px 0 0;
      }
    }
  }
</style>
